<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$(".loading").addClass("loader-chanage")
				$(".loading").fadeOut(300)
			})
		</script>
	</head>
	<!--loading页开始-->
	<div class="loading">
		<div class="loader">
			<div class="loader-inner pacman">
				<div></div>
				<div></div>
				<div></div>
				<div></div>
				<div></div>
			</div>
		</div>
	</div>
	<!--loading页结束-->
	<body>
		<header class="top-header fixed-header">
			<a class="icona" href="javascript:history.go(-1)">
				<img src="images/left.png" />
			</a>
			<h3>攻略</h3>


		</header>

		<div class="contaniner fixed-conta">
			<section class="list">

				<div class="search">
					<input type="search" placeholder="放假去哪儿玩" />
					<label><img src="images/sousuo.png" /></label>
				</div>
				<nav>
					<ul>
						<li>
							<a href="#">
								<span>全部</span>
							</a>
						</li>
						<li class="list-active">
							<a href="#">
								<span>推荐</span>
								<img src="images/up-red.png" />
							</a>
						</li>
						<li>
							<a href="#">
								<span>分享</span>
							</a>
						</li>
						<li>
							<a href="#">
								<span>评价</span>
							</a>
						</li>
					</ul>
				</nav>
				<ul class="wall">
					<li class="pic">
						<a href="#">
							<img src="images/qcs.png" />
							<p>青城山三天两晚自由行</p>
						</a>
					</li>
					<li class="pic">
						<a href="#">
							<img src="images/xlxs.png" />
							<p>西岭雪山1+2行程分享</p>
						</a>
					</li>
					<li class="pic">
						<a href="#">
							<img src="images/xiongmaojidi.png" />
							<p>
								熊猫基地推荐行走攻略
							</p>
						</a>
					</li>
					<li class="pic">
						<a href="#">
							<img src="images/dujiangyan.png" />
							<p>都江堰五天四晚自由行</p>
						</a>
					</li>
					<li class="pic">
						<a href="#">
							<img src="images/plgz.png" />
							<p>平乐古镇一日行</p>
						</a>
					</li>
					<li class="pic">
						<a href="#">
							<img src="images/hlx.png" />
							<p>黄龙溪一日游</p>
						</a>
					</li>
					<li class="pic">
						<a href="#">
							<img src="images/blz.png" />
							<p>白鹿镇两天一晚旅游攻略</p>
						</a>
					</li>
					<li class="pic">
						<a href="#">
							<img src="images/cd.png" />
							<p>个性化定制出行方案</p>
						</a>
					</li>
				</ul>
			</section>
		</div>




		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/jaliswall.js"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$('.wall').jaliswall({
					item: '.pic'
				});
			});
		</script>
	</body>
</html>
